<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I edit the Site Dashboard?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I edit the Site Dashboard?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_1ED98D95-A3EE-4EB7-B843-0CFB19987731" class="text-block-content">
    <p>Only instructors and site owners can edit the Dashboard in course and project sites. All site participants will see the same site Dashboard settings as those defined by the instructor or site owner.</p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Go to the Dashboard tool.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/387/701/original/7b541c86-6b25-48fe-aed0-dc1bc2849b2f.png" alt="" height="113" width="210">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_5EEA06B6-1245-433B-8F58-1470AD37AD2E" class="text-block-content">
    <p>Select <strong>Dashboard</strong> from the Tool Menu in your course or project site.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click Edit Dashboard.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/387/704/original/e670a186-299b-4f4b-b500-2a8c5d494468.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/387/704/medium/e670a186-299b-4f4b-b500-2a8c5d494468.png" alt="" height="290" width="855">
      </a>
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="select-remove-widgets-from-the-customise-menu-to-remove-existing-widgets-on-the-page">
    <h2 class="step-title screensteps-heading">Edit the Dashboard layout.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/387/706/original/495aadd4-44da-4422-8dd6-6f672f986fb3.png" alt="" height="72" width="296">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_65713E1C-1D74-4AF3-A434-1585F6E55C8D" class="text-block-content">
    <p>Click <strong>Layout</strong> to open dashboard layout options menu.</p>
  </div>
</div>
 
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/387/708/original/f1a43fdb-5500-4b60-ac39-3aa191168e5f.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/387/708/medium/f1a43fdb-5500-4b60-ac39-3aa191168e5f.png" alt="Image of the Choose a dashboard layout menu with Option 2 selected." height="454" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_E98A0B5E-D78D-4507-A6C2-B43A3BDC3599" class="text-block-content">
    <p>Select one of the layout options and then click <strong>Select</strong>. </p>
  </div>
</div>
 
      <div class="step-instructions screensteps-textblock screensteps-wrapper--tip screensteps-wrapper">
  <div id="text-content_457be302-e35b-4d88-bf89-7f1c03cdd473" class="text-block-content">
    <p><strong>Option 2</strong> contains the course image. Editing this image will also set the background image that is shown in the Home Dashboard Course Cards widget for this site.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="select-change-course-image-to-change-the-image-shown-in-the-site-information-area">
    <h2 class="step-title screensteps-heading">Edit the course image.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/387/710/original/a55f3863-1680-418a-920b-85809259b088.png" alt="" height="254" width="257">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_5F09E9A7-EAEE-4D65-84A7-8F5E99D8A14D" class="text-block-content">
    <p>To update the course image, click <strong>Edit image</strong>.</p>
  </div>
</div>
 
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/387/712/original/fbd01b4f-22f4-4505-9caf-684d0faaa226.png" alt="" height="580" width="535">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_8AC81877-9D25-4894-A7AE-D07017413123" class="text-block-content">
    <ol>
<li>Click <strong>Choose File</strong> to upload a new image from your device.</li>
<li>Click <strong>Zoom image in</strong> or <strong>Zoom image out</strong> to zoom in or out on a section of the image.</li>
<li>Click <strong>Pan image up</strong> or <strong>Pan image down</strong> to move the image center up or down within the frame.</li>
<li>Click <strong>Pan image left</strong> or <strong>Pan image right</strong> to move the image center left or right within the frame.</li>
<li>Click <strong>Rotate image</strong> to rotate the image by 90% within the frame.</li>
<li>Click <strong>Done</strong>.</li>
</ol>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="use-the-rich-text-editor-to-make-changes-to-the-course-site-description-as-needed">
    <h2 class="step-title screensteps-heading">Edit the course overview.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/387/714/original/8acb5f38-5fb9-49bd-a6e5-6cb75e30721c.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/387/714/medium/8acb5f38-5fb9-49bd-a6e5-6cb75e30721c.png" alt="" height="384" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_CEDA344F-3D5C-4CF0-B30F-98161DDA4A23" class="text-block-content">
    <p>Enter updates to the course overview in the Rich Text Editor. </p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="select-remove-widgets-from-the-customise-menu-to-remove-existing-widgets-on-the-page_1">
    <h2 class="step-title screensteps-heading">Remove widgets.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/387/716/original/61bbf365-da08-4efe-aa7b-cda993084df5.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/387/716/medium/61bbf365-da08-4efe-aa7b-cda993084df5.png" alt="" height="345" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_C5D5440E-7975-4ECA-929F-665203C155D5" class="text-block-content">
    <p>If there are any widgets on the page that you would like to remove, click the <strong>X</strong> [<strong>Remove]</strong> icon to remove the widget.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="add-widgets">
    <h2 class="step-title screensteps-heading">Add widgets.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/387/718/original/31ef96db-6a45-44c6-bf33-b8de94b9996a.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/387/718/medium/31ef96db-6a45-44c6-bf33-b8de94b9996a.png" alt="" height="366" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_6C08AE83-BA39-4340-9345-6680F464B2FA" class="text-block-content">
    <p>If you would like to add a widget to the page:</p>
<ol>
<li>Click <strong>Add a Widget</strong>.</li>
<li>Select a widget to add. In the example, the <strong>Calendar</strong> widget is available.</li>
</ol>
  </div>
</div>
 
      <div class="step-instructions screensteps-textblock screensteps-wrapper--info screensteps-wrapper">
  <div id="text-content_7D24F116-427F-42FE-88EF-DF7C157B4CA4" class="text-block-content">
    <p><em><strong>Note</strong>: In many sites, all available widgets are added by default. If you attempt to add a widget when they are all currently enabled, you will not see any widgets in the list of items to add.</em></p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="select-the-x-next-to-any-items-you-d-like-to-remove_1">
    <h2 class="step-title screensteps-heading">Move widgets.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/387/811/original/bf7a68f6-aaa8-4512-a926-8932991a8b19.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/387/811/medium/bf7a68f6-aaa8-4512-a926-8932991a8b19.png" alt="" height="418" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_7662C762-3C01-4EAD-9CD5-634C1ED859CB" class="text-block-content">
    <p>Use the arrows (<strong>Move up</strong>, <strong>Move down</strong>, <strong>Move left</strong>, <strong>Move right</strong>) to move widgets to a different location on the dashboard.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="select-save-once-you-have-completed-your-dashboard-edits">
    <h2 class="step-title screensteps-heading">Click Save once you have completed your edits.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/387/722/original/5784c088-1c4a-482d-812b-176a6cc9f73e.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/387/722/medium/5784c088-1c4a-482d-812b-176a6cc9f73e.png" alt="" height="620" width="855">
      </a>
  </div>
 
  </div>


</div>
</div></div>
</body>
</html>
